page{
    height: 100%;
}
.category{
    height: 100%;
    .category-title{
        height: 100%;
        margin-left: 10rpx;
        width: 190rpx;
        float: left;
        display: flex;
        font-size: 30rpx;
        flex-direction: column;
        .title-item{
            text-align: center;
            line-height: 110rpx;
        }
        .active{
            color: #FF734C;
            border-left: 5rpx solid #FF734C;
        }
    }
   .category-content{
       
        height: 100%;
        width:calc(  100vw - 200rpx);
        position: absolute;
        left: 200rpx;
        .category-content-child{
            
            display: flex;
            margin-top: 50rpx;
            width:calc(100vw - 210rpx);
            .child-left{
                .img{
                    width: 150rpx;
                    height: 150rpx;
                    border-radius: 5rpx;
                } 
            }
            .child-right{
                font-size: 30rpx;
                margin-left: 15rpx;
                .child-title{
                    
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                }
                .child-price{
                    padding-top: 80rpx;
                    display: flex;
                    border-bottom: 1rpx solid silver;
                    text{
                        padding-left: 40rpx;
                        font-size: 25rpx;
                        color: rgb(150, 146, 146);
                    }
                    .price-item{
                        width: calc(100vw - 430rpx);
                    }
                    .cart-item{
                        flex: 1;
                        image{
                            width: 40rpx;
                           height: 40rpx; 
                        }
                    }
                }
            }
        }
   } 
}